@charset "utf-8";

.star-rating {
	height: 24px;
	line-height: 24px;
	margin-top: 15px;
	margin-left: 20px;
}

.star-box {
	position: relative;
	float: left;
}

.star-rating .tip {
	float: left;
	margin-left: 5px;
	line-height: 24px;
	font-size: 15px;
	color: #02B980;
}

.star-rating .description {
	float: left;
	margin-left: 5px;
	line-height: 24px;
	font-size: 14px;
	color: #83B838;
}

.star-rating .star {
	height: 20px;
	width: 120px;
	position: relative;
	background: url(../images/star.png) repeat-x;
	cursor: pointer;
	list-style: none;
}

.star-rating .star li {
	float: left;
}

.star-rating .star li a {
	display: block;
	width: 24px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	z-index: 5
}

.star-rating .star li a:hover {
	background: url(../images/star.png) 0 -25px repeat-x;
	z-index: 3;
	left: 0
}

.star-rating .star a.one-star {
	left: 0
}

.star-rating .star a.one-star:hover {
	width: 24px
}

.star-rating .star a.two-stars {
	left: 24px
}

.star-rating .star a.two-stars:hover {
	width: 48px
}

.star-rating .star a.three-stars {
	left: 48px
}

.star-rating .star a.three-stars:hover {
	width: 72px
}

.star-rating .star a.four-stars {
	left: 72px
}

.star-rating .star a.four-stars:hover {
	width: 96px
}

.star-rating .star a.five-stars {
	left: 96px
}

.star-rating .star a.five-stars:hover {
	width: 120px
}

.star-rating .current-rating {
	background: url(../images/star.png) 0 -25px repeat-x;
	position: absolute;
	height: 20px;
	z-index: 1;
	top: 0;
	left: 0
}